<template>
	<div>
		<el-row>
			<Br title="Role" :span='7'>
				<template>
					<div style="padding: 10px;line-height: 32px;" class="y_flex_column">
						<div class="y_flex y_flex_ju_end">
							<el-avatar :size="50" :src="User.img"></el-avatar>
						</div>
						<div>
							<div>
								UserName : XxxXxx
							</div>
							<div>
								Type : Manage
							</div>
							<div>
								Welcome To
							</div>
						</div>
					</div>
				</template>
			</Br>
			

		</el-row>
		<el-row>
			<Br title="Role" :span='24'>
			<template>
				<EchaaetsLine></EchaaetsLine>
			</template>
			</Br>

		</el-row>
	</div>
</template>

<script>
	import Br from '@/components/BorderCompon/BorderCompon.vue'
	import EchaaetsLine from '@/components/Echaets/Echaets.vue'
	export default {
		components: {
			Br,
			EchaaetsLine
		},
		data() {
			return {
				radio_button: [{
						re: 'r1',
						title: '上海'
					},
					{
						re: 'r2',
						title: '海'
					}
				],
				radio1: '',
				User: {

					img: "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
					name: 'XxxXxx',
					type: 'Manage',
				}
			}
		},
		mounted() {
		},
		methods: {
			change(res) {
				console.log(res);
				// console.log(this.$refs);
				var r1 = '';
				this.radio_button.forEach((item) => {
					if (res == item.title) {
						r1 = this.$refs[item.re][0]
					}
				})
				// console.log(r1.activeStyle.backgroundColor='#fff587');
			}
		}
	}
</script>

<style lang="scss">
	
</style>
